<!DOCTYPE html> 
<html>
  <head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!--CSS-->
    <link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
    <link rel="stylesheet" href="API/css/mycss.css" />
    <link rel="stylesheet" href="css/mycss.css" />

    <!--JS-->
    <script type="text/javascript" src="include/config.js"></script>
    <script type="text/javascript" src="API/js/Jquery/jquery.min.js"></script>
    <script type="text/javascript" src="API/js/JqueryMobile/jquery.mobile.min.js"></script>
    <script type="text/javascript" src="API/js/functionsLib.js"></script>
    <script type="text/javascript" src="API_RH/js/fonctions.js"></script>
    <script type="text/javascript" src="js/fonctions.js"></script>

    <script type="text/javascript">
    checkMaintenance();
    checkAuthentification();
	
    ///////////////////
    //BLOCK VARIABLE GLOBAL
    ///////////////////
    var id_page = 22;
    var debray_listes_users;
		 
    ///////////////////
    //BLOCK FONCTIONS EVENEMENTS
    ///////////////////
    $(document).on('pageinit',function() {
        try {
            // Init commmun
            init_commun();
        } catch (er) {
            log(0, "ERROR(init_home):" + er.message);
        }
    });

    $(document).on('pageshow',function() {
        try {
            // Fin affichage commun
            show_commun();
        } catch (er) {
            log(0, "ERROR(show):" + er.message);
        }
    });
		
    //Fin chargement page
    function OnLoad() {
        try {
            init_item_listesUsers();
        } catch (er) {
            log(0, "ERROR(OnLoad):" + er.message);
        }
    }
		
    ///////////////////
    //BLOCK FONCTIONS METIER
    ///////////////////
    function init_item_listesUsers() {
        try {
            debray_listes_users = getParameter("debray_listes_users");

            if(debray_listes_users == "1"){
                charger_listes();
            }else{
                $("#selectListe").remove();
                $('label[for="selectListe"]').remove();
            }
        } catch (er) {
            log(0, "ERROR(init_item_listesUsers):" + er.message);
        }
    }
		
    function charger_listes() {
        try {
            var myObj = document.getElementById("selectListe");

            var tabListes = new Array();
            tabListes = getListesUsersByPropri(auth);

            for (var indice in tabListes) {
                myObj.options[myObj.options.length] = new Option(tabListes[indice]["titre"]+"("+tabListes[indice]["nb"]+")",tabListes[indice]["id"]);
            }

            $("#selectListe").selectmenu('refresh', true);
        } catch (er) {
            log(0, "ERROR(charger_listes):" + er.message);
        }
    }
		
    function AfficherResultat(p_dateBegin, p_dateEnd){
        try {
            if (p_dateBegin == "") {
                p_dateBegin = "01/01/1970";
            }
            if (p_dateEnd == "") {
                p_dateEnd = "01/01/2070";
            }

            var reg = new RegExp("[/]", "g");
            var strDateBegin = p_dateBegin.replace(reg, '');
            var strDateEnd = p_dateEnd.replace(reg, '');

            var strFiltreUsers = "";
            if(debray_listes_users == "1"){
                var id_liste = $("#selectListe").val();
                strFiltreUsers = getUsersForListe(id_liste);
            }

            //completion et nb jour ouvré
            var strhtml = "<IMG SRC=\"API/img/loading.gif\" ALT=\"Chargement\" TITLE=\"Chargement\">";
            $('#divRapportRH1').html(strhtml);
            $( "#content_TabRepport1" ).collapsible( "expand" );
            var tabInput = { dateBegin : strDateBegin, dateEnd : strDateEnd, filtreUsers : strFiltreUsers};
            var retour = callBD("API_RH/phpsql/mysql_getDataRapportRH1.php", "POST", "json", tabInput, "vue_DataRapportRH1");

            //carences de saisies
            var strhtml = "<IMG SRC=\"API/img/loading.gif\" ALT=\"Chargement\" TITLE=\"Chargement\">";
            $('#divRapportRH2').html(strhtml);
            $( "#content_TabRepport2" ).collapsible( "expand" );
            var tabInput = { dateBegin : strDateBegin, dateEnd : strDateEnd, filtreUsers : strFiltreUsers};
            var retour = callBD("API_RH/phpsql/mysql_getDataRapportRH2.php", "POST", "json", tabInput, "vue_DataRapportRH2");            

            //Rapport de production %
            var strhtml = "<IMG SRC=\"API/img/loading.gif\" ALT=\"Chargement\" TITLE=\"Chargement\">";
            $('#divRapportRH3').html(strhtml);
            $( "#content_TabRepport3" ).collapsible( "expand" );
            var tabInput = { dateBegin : strDateBegin, dateEnd : strDateEnd, filtreUsers : strFiltreUsers};
            var retour = callBD("API_RH/phpsql/mysql_getDataRapportRH3.php", "POST", "json", tabInput, "vue_DataRapportRH3"); 

            //Rapport de saisie par utilisateur
            var strhtml = "<IMG SRC=\"API/img/loading.gif\" ALT=\"Chargement\" TITLE=\"Chargement\">";
            $('#divRapportRH4').html(strhtml);
            $( "#content_TabRepport4" ).collapsible( "expand" );
            var tabInput = { dateBegin : strDateBegin, dateEnd : strDateEnd, filtreUsers : strFiltreUsers};
            var retour = callBD("API_RH/phpsql/mysql_getDataRapportRH4.php", "POST", "json", tabInput, "vue_DataRapportRH4");
            var strhtml = '<a href="#" onclick="window.location = (\'./API_RH/phpsql/mysql_getDataRapportRH4.php?ODASortie=json&ODAFilename=ExportRepartitionMembre&dateBegin='+strDateBegin+'&dateEnd='+strDateEnd+'&filtreUsers=\');" class="ui-btn ui-corner-all ui-btn-inline ui-icon-action ui-btn-icon-left">CSV Export</a>';
            $('#lien_export_Repport4').html(strhtml);
            
            //Détails des "divers"
            var strhtml = "<IMG SRC=\"API/img/loading.gif\" ALT=\"Chargement\" TITLE=\"Chargement\">";
            $('#divRapportRH5').html(strhtml);
            $( "#content_TabRepport5" ).collapsible( "expand" );
            var tabInput = { dateBegin : strDateBegin, dateEnd : strDateEnd, filtreUsers : strFiltreUsers};
            var retour = callBD("API_RH/phpsql/mysql_getDataRapportRH5.php", "POST", "json", tabInput, "vue_DataRapportRH5"); 
            var strhtml = '<a href="#" onclick="window.location = (\'./API_RH/phpsql/mysql_getDataRapportRH5.php?ODASortie=csv&ODAFilename=ExportDetails&dateBegin='+strDateBegin+'&dateEnd='+strDateEnd+'&filtreUsers=\');" class="ui-btn ui-corner-all ui-btn-inline ui-icon-action ui-btn-icon-left">CSV Export</a>';
            $('#lien_export_Repport5').html(strhtml);
        } catch (er) {
            log(0, "ERROR(AfficherResultat):" + er.message);
        }
    }
		
    ///////////////////
    //BLOCK FONCTIONS AFFICHAGE
    ///////////////////
    function vue_DataRapportRH1(p_retour_json) {
        try {
            var p_tab = p_retour_json["data"];
            
            var strHtml = "";

            strHtml += "Compl&eacute;tion : "+p_tab["completion"]+"%.<br>";
            strHtml += "Nombre de jour ouvr&eacute; : "+p_tab["nb_ouvre"]+".<br>";

            $('#divRapportRH1').html(strHtml);
        }
        catch (er) {
            log(0, "ERROR(vue_DataRapportRH1):" + er.message);
        }
    }
		
    function vue_DataRapportRH2(p_retour_json) {
        try {
            var p_tab = p_retour_json["data"]["resultat"]["data"];
            
            var strHtml = "";

            strHtml += "<table cellpadding=\"0\" cellspacing=\"0\" border=1 style=\"font-size:14px;background-color:white;text-shadow: none;\">";

            var strRespon = "";

            strHtml += "<tr>";
            strHtml += "<td style=\"width: 100px;text-align:center;\">";
            strHtml += "Responsable";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 150px;text-align:center;\">";
            strHtml += "Non compl&eacute;t&eacute;";
            strHtml += "</td>";

            for (var indice in p_tab) {
                if(strRespon != p_tab[indice]["responsable"]){
                    strHtml += "</td>";
                    strHtml += "</tr>";
                    strRespon = p_tab[indice]["responsable"];
                    strHtml += "<tr>";
                    strHtml += "<td style=\"width: 100px;text-align:center;\">";
                    strHtml += p_tab[indice]["responsable"];
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 150px;text-align:center;font-size:10px;\">";
                }
                strHtml += p_tab[indice]["date"]+"("+p_tab[indice]["total"]+")<br>";
            }
            strHtml += "</td>";
            strHtml += "</tr>";
            strHtml += "</table>";

            $('#divRapportRH2').html(strHtml);
        } catch (er) {
            log(0, "ERROR(vue_DataRapportRH2):" + er.message);
        }
    }
		
    function vue_DataRapportRH3(p_retour_json) {
        try {
            var p_tab = p_retour_json["data"]["resultat"]["data"];
            
            var strHtml = "";
            var grpEncours = "1";
            var total = 0;

            strHtml += "<table cellpadding=\"0\" cellspacing=\"0\" border=0 style=\"font-size:14px;text-shadow: none;\">";

            strHtml += "<tr>";
            strHtml += "<td style=\"background-color:white;width: 100px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\">";
            strHtml += "Description";
            strHtml += "</td>";
            strHtml += "<td style=\"background-color:white;width: 150px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\">";
            strHtml += "Charge";
            strHtml += "</td>";
            strHtml += "<td style=\"background-color:white;width: 150px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\">";
            strHtml += "Perc";
            strHtml += "</td>";
            strHtml += "</tr>";

            for (var indice in p_tab) {

                switch (p_tab[indice]["group"]) 
                { 
                    case "1": 
                            strColor = "#C0C0C0";
                    break; 
                    case "2": 
                            strColor = "#8DB4E3";
                    break; 
                    case "3": 
                            strColor = "#FFC000";
                    break; 
                    default: 
                            strColor = "#C0C0C0";
                    break; 
                }

                if(grpEncours != p_tab[indice]["group"]){
                    strHtml += "<tr>";
                    strHtml += "<td style=\"width: 100px;text-align:center;\">";
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 150px;text-align:center;\">";
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 150px;text-align:center;\">";
                    strHtml += arrondir(total,2)+"%";
                    strHtml += "</td>";
                    strHtml += "</tr>";
                    strHtml += "<tr>";
                    strHtml += "<td style=\"width: 100px;text-align:center;\">";
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 150px;text-align:center;\">";
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 150px;text-align:center;\">";
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    strHtml += "</tr>";
                    total = 0;
                    grpEncours = p_tab[indice]["group"];
                }

                strHtml += "<tr>";
                strHtml += "<td style=\"width: 100px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += p_tab[indice]["description"];
                strHtml += "</td>";
                strHtml += "<td style=\"width: 150px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += p_tab[indice]["totalgroup"]+"/"+p_tab[indice]["total"];
                strHtml += "</td>";
                strHtml += "<td style=\"width: 150px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                total += arrondir(parseFloat(p_tab[indice]["perc"]),2);
                strHtml += arrondir(parseFloat(p_tab[indice]["perc"]),2)+"%";
                strHtml += "</td>";
                strHtml += "</tr>";
            }

            strHtml += "<tr>";
            strHtml += "<td style=\"width: 100px;text-align:center;\">";
            strHtml += "&nbsp;";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 150px;text-align:center;\">";
            strHtml += "&nbsp;";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 150px;text-align:center;\">";
            strHtml += arrondir(total,2)+"%";
            strHtml += "</td>";
            strHtml += "</tr>";

            strHtml += "</table>";

            $('#divRapportRH3').html(strHtml);
        } catch (er) {
            log(0, "ERROR(vue_DataRapportRH3):" + er.message);
        }
    }
		
    function vue_DataRapportRH4(p_retour_json) {
        try {
            var p_tab = p_retour_json["data"];
            
            var strHtml = "";
            var grpEncours = "1";
            var tempTab = new Array(); 
            var strColor = "";
            var strOldColor = "";

            strHtml += "<table cellpadding=\"0\" cellspacing=\"0\" border=0 style=\"font-size:14px;text-shadow: none;\">";

            strHtml += "<tr>";
            strHtml += "<td style=\"width: 250px;text-align:left;\">";
            strHtml += "&nbsp;";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\"#CC99FF\">";
            strHtml += "&nbsp;Total &eacute;quipe";
            tempTab["TOTAL"] = 0;
            strHtml += "</td>";

            //Listes des users pour l'entete
            for (var indice in p_tab[0]["users"]) {
                strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\"#CC99FF\">";
                strHtml += p_tab[0]["users"][indice]["user"];
                tempTab[p_tab[0]["users"][indice]["user"]] = 0;
                strHtml += "</td>";				
            }

            strHtml += "</tr>";

            for (var indice0 in p_tab) {

                switch (p_tab[indice0]["group"]) 
                { 
                    case "1": 
                        strColor = "#C0C0C0";
                    break; 
                    case "2": 
                        strColor = "#8DB4E3";
                    break; 
                    case "3": 
                        strColor = "#FFC000";
                    break; 
                    default: 
                        strColor = "#C0C0C0";
                    break; 
                }

                if(grpEncours != p_tab[indice0]["group"]){
                    strHtml += "<tr>";
                    strHtml += "<td style=\"width: 250px;text-align:right;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strOldColor+"\">";
                    strHtml += "Total&nbsp;";
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strOldColor+"\">";
                    strHtml += arrondir((parseFloat(tempTab["TOTAL"])/10),2);
                    strHtml += "</td>";
                    //parcour les users
                    for (var indice1 in p_tab[indice0]["users"]) {
                        strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strOldColor+"\">";
                        strHtml += arrondir((parseFloat(tempTab[p_tab[indice0]["users"][indice1]["user"]])/10),2);
                        strHtml += "</td>";				
                    }
                    strHtml += "</tr>";

                    strHtml += "<tr>";
                    strHtml += "<td style=\"width: 250px;\">";
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    strHtml += "<td style=\"width: 50px;\">";
                    tempTab["TOTAL"] = 0;
                    strHtml += "&nbsp;";
                    strHtml += "</td>";
                    //parcour les users
                    for (var indice1 in p_tab[indice0]["users"]) {
                        strHtml += "<td style=\"width: 50px;\">";
                        strHtml += "&nbsp;";
                        strHtml += "</td>";	
                    }
                    for (var indice1 in tempTab) {
                        tempTab[indice1] = 0;
                    }
                    strHtml += "</tr>";
                    grpEncours = p_tab[indice0]["group"];
                }

                strHtml += "<tr onMouseOver=\"changeCouleur(this);\" onMouseOut=\"remetCouleur(this);\" >";
                strHtml += "<td style=\"width: 250px;text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";

                if(p_tab[indice0]["description_phase"] != "N/A"){
                    strHtml += "&nbsp;"+p_tab[indice0]["description_type"]+" ("+p_tab[indice0]["description_phase"]+")";
                }else{
                    strHtml += "&nbsp;"+p_tab[indice0]["description_type"];
                }

                strHtml += "</td>";
                strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += arrondir((parseFloat(p_tab[indice0]["nbTotal"])/10),2);
                if(p_tab[indice0]["description_phase"] == "N/A"){
                    tempTab["TOTAL"] += parseFloat(p_tab[indice0]["nbTotal"]);
                }
                strHtml += "</td>";
                //parcour les users
                for (var indice1 in p_tab[indice0]["users"]) {
                    strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                    strHtml += arrondir((parseFloat(p_tab[indice0]["users"][indice1]["nb"])/10),2);
                    if(p_tab[indice0]["description_phase"] == "N/A"){
                        tempTab[p_tab[indice0]["users"][indice1]["user"]] += parseFloat(p_tab[indice0]["users"][indice1]["nb"]);
                    }
                    strHtml += "</td>";				
                }
                strHtml += "</tr>";

                strOldColor = strColor;
            }

            strHtml += "<tr>";
            strHtml += "<td style=\"width: 250px;text-align:right;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
            strHtml += "Total&nbsp;";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
            strHtml += arrondir((parseFloat(tempTab["TOTAL"])/10),2);
            strHtml += "</td>";
            //parcour les users
            for (var indice1 in p_tab[indice0]["users"]) {
                strHtml += "<td style=\"width: 50px;text-align:center;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += arrondir((parseFloat(tempTab[p_tab[indice0]["users"][indice1]["user"]])/10),2);
                strHtml += "</td>";				
            }
            strHtml += "</tr>";

            strHtml += "</table>";

            $('#divRapportRH4').html(strHtml);
        } catch (er) {
            log(0, "ERROR(vue_DataRapportRH4):" + er.message);
        }
    }
		
    function vue_DataRapportRH5(p_retour_json) {
        try {
            var p_tab = p_retour_json["data"]["resultat"]["data"];
            
            var strHtml = "";
            var strColor = "#C0C0C0";

            strHtml += "<table cellpadding=\"0\" cellspacing=\"0\" border=0 style=\"font-size:14px;text-shadow: none;\">";

            strHtml += "<tr>";
            strHtml += "<td style=\"width: 100px;text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
            strHtml += "&nbsp;Description";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 100px;text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
            strHtml += "&nbsp;Utilisateur";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 150px;text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
            strHtml += "&nbsp;Commentaire";
            strHtml += "</td>";
            strHtml += "<td style=\"width: 100px;text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
            strHtml += "&nbsp;Charge";
            strHtml += "</td>";
            strHtml += "</tr>";

            strColor = "#FFC000";

            for (var indice in p_tab) {
                strHtml += "<tr>";
                strHtml += "<td style=\"text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += "&nbsp;"+p_tab[indice]["description"];
                strHtml += "</td>";
                strHtml += "<td style=\"text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += "&nbsp;"+p_tab[indice]["user"];
                strHtml += "</td>";
                strHtml += "<td style=\"text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += "&nbsp;"+p_tab[indice]["commentaire"];
                strHtml += "</td>";
                strHtml += "<td style=\"text-align:left;border-style: solid solid solid solid; border-color:#000000;border-width: 1pt 1pt 1pt 1pt;\" bgcolor=\""+strColor+"\">";
                strHtml += "&nbsp;"+arrondir((parseFloat(p_tab[indice]["nb"])/10),2);
                strHtml += "</td>";
                strHtml += "</tr>";
            }

            strHtml += "</table>";

            $('#divRapportRH5').html(strHtml);
        } catch (er) {
            log(0, "ERROR(vue_DataRapportRH5):" + er.message);
        }
    }
    </script>
	
  </head>
  <body onload="OnLoad();">
    
    <!-- page -->
    <div data-role="page" data-title="Rapport RH - Outil d'audit Automatique">

        <!-- /panel -->
        <div data-role="panel" id="mypanel" data-display="overlay" data-position="left">

        </div>
        <!-- /panel -->

        <!-- header -->
        <div data-role="header" data-position="fixed">
            <a href="#mypanel" data-role="button" data-icon="home" data-iconpos="notext">home</a>
            <h1 id="id_titre">titre</h1>
            <a href="javascript:window.location = ('./page_contact.html?mili='+getMilise());" data-role="button" data-icon="info" data-iconpos="notext">Contact</a>
        </div>
        <!-- /header -->

        <!-- content -->
        <div data-role="content" id="main_content">

            <div data-role="collapsible" data-collapsed="false" data-mini="true">
                <h4>Votre recherche</h4>
                <FORM method="post" id="formTab" action="#">
                    Analyse pour la p&eacute;riode de 
                    <a href="javascript:inputMoisEnCoursRH('dateDepart','dateFin');" data-role="button" data-inline="true" data-mini="true" title="Mois en cours">M</a>
                    :
                    <input type="text" name="dateDepart" id="dateDepart" data-mini="true" placeholder="DD/MM/YYYY" />
                    <input type="text" name="dateFin" id="dateFin" data-mini="true" placeholder="DD/MM/YYYY" />
                    <label for="selectListe" class="select">Filtrer sur une liste :</label>
                    <select name="selectListe" id="selectListe" data-native-menu="false">
                        <option value="" data-placeholder="true">Une liste</option>
                    </select>
                    <a href="javascript:AfficherResultat(document.forms.formTab.dateDepart.value, document.forms.formTab.dateFin.value);" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Afficher les resultats</a>
                </FORM>
            </div>

            <div data-role="collapsible" data-collapsed="true" data-mini="true" id="content_TabRepport1">
                <h4>Compl&eacute;tion</h4>
                <div id="divRapportRH1">Pas de r&eacute;sultat.</div>
            </div>

            <div data-role="collapsible" data-collapsed="true" data-mini="true" id="content_TabRepport2">
                <h4>Carence</h4>
                <div id="divRapportRH2">Pas de r&eacute;sultat.</div>
            </div>

            <div data-role="collapsible" data-collapsed="true" data-mini="true" id="content_TabRepport3">
                <h4>R&eacute;partition</h4>
                <div id="divRapportRH3">Pas de r&eacute;sultat.</div>
            </div>

            <div data-role="collapsible" data-collapsed="true" data-mini="true" id="content_TabRepport4">
                <h4>R&eacute;partition par "membre"</h4>
                <div id="divRapportRH4">Pas de r&eacute;sultat.</div>
                <label id="lien_export_Repport4"></label>
            </div>

            <div data-role="collapsible" data-collapsed="true" data-mini="true" id="content_TabRepport5">
                <h4>D&eacute;tail</h4>
                <div id="divRapportRH5">Pas de r&eacute;sultat.</div>
                <label id="lien_export_Repport5"></label>
            </div>
        </div>
        <!-- /content -->

        <!-- footer -->
        <div data-role="footer" data-position="fixed">
            <a data-role="button" data-icon="search" data-iconpos="notext" class="ui-btn-left" href="javascript:window.location = ('./page_faq.html?mili='+getMilise());">FAQ</a>
            <h1 id="id_affichageUser">User</h1>
            <a data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" href="javascript:window.location = ('./page_sortie.html?mili='+getMilise());">Logout</a>
        </div>
        <!-- /footer -->

    </div>
    <!-- /page -->
</body>
</html>